@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    .transform(translateY(20px));
  }

  100% {
    opacity: 1;
    .transform(translateY(0));
  }
}


@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    .transform(translateY(-20px));
  }

  100% {
    opacity: 1;
    .transform(translateY(0));
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    .transform(translateX(-20px));
  }

  100% {
    opacity: 1;
    .transform(translateX(0));
  }
}

@-webkit-keyframes fadeInCustom {
  0% {
    .transform(translateX(-40px) scale(.8));
  }

  100% {
    opacity: 1;
    .transform(translateX(0px) scale(1));
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    .transform(translateX(20px));
  }

  100% {
    opacity: 1;
    .transform(translateX(0));
  }
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    .transform(translateX(-20px));
  }

  100% {
    opacity: 0;
    .transform(translateX(0));
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    .transform(translateX(20px));
  }

  100% {
    opacity: 0;
    .transform(translateX(0));
  }
}

@-webkit-keyframes flipInX {
    0% {
       .transform(perspective(400px) rotateX(90deg));
        opacity: 0;
    }

    40% {
        .transform(perspective(400px) rotateX(-10deg));
    }

    70% {
        .transform(perspective(400px) rotateX(10deg));
    }

    100% {
        .transform(perspective(400px) rotateX(0deg));
        opacity: 1;
    }
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    .transform(scale(.3));
  }

  50% {
    opacity: 1;
    .transform(scale(1.05));
  }

  70% {
    .transform(scale(.9));
  }

  100% {
    .transform(scale(1));
  }
}

@-webkit-keyframes rollIn {
  0% { 
    opacity: 0;
    .transform(translateX(-100%) rotate(-120deg)); 
  }

  100% { 
    opacity: 1; 
    .transform(translateX(0px) rotate(0deg)); 
  }
}

@-webkit-keyframes pulse {
    0% { .transform(scale(1)); }
  50% { .transform(scale(1.1)); }
    100% { .transform(scale(1)); }
}

@-webkit-keyframes tada {
  0% {.transform(scale(1));}
  10%, 20% {.transform(scale(0.9) rotate(-3deg));}
  30%, 50%, 70%, 90% {.transform(scale(1.1) rotate(3deg));}
  40%, 60%, 80% {.transform(scale(1.1) rotate(-3deg));}
  100% {.transform(scale(1) rotate(0));}
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);}
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(.9);
  }

  25% {
    -webkit-transform: scale(.6);
  }

  50% {
    -webkit-transform: scale(1.2);
  }

  75% {
    -webkit-transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
  }
}


@-webkit-keyframes framerjs {
  0% { 
    -webkit-transform: matrix(0.758553, 0.000000, 0.000000, 0.758553, 410.652000, 115.107000);
  }

  5% { 
    -webkit-transform: matrix(1.070318, 0.000000, 0.000000, 1.070318, 410.652000, 115.107000);
  }

  10% { 
    -webkit-transform: matrix(1.117671, 0.000000, 0.000000, 1.117671, 410.652000, 115.107000);
  }

  15% { 
    -webkit-transform: matrix(0.972490, 0.000000, 0.000000, 0.972490, 410.652000, 115.107000);
  }

  20% { 
    -webkit-transform: matrix(0.942983, 0.000000, 0.000000, 0.942983, 410.652000, 115.107000);
  }

  25% { 
    -webkit-transform: matrix(1.010225, 0.000000, 0.000000, 1.010225, 410.652000, 115.107000);
  }

  30% { 
    -webkit-transform: matrix(1.027476, 0.000000, 0.000000, 1.027476, 410.652000, 115.107000);
  }

  35% { 
    -webkit-transform: matrix(0.996507, 0.000000, 0.000000, 0.996507, 410.652000, 115.107000);
  }

  40% { 
    -webkit-transform: matrix(0.986830, 0.000000, 0.000000, 0.986830, 410.652000, 115.107000);
  }

  45% { 
    -webkit-transform: matrix(1.001008, 0.000000, 0.000000, 1.001008, 410.652000, 115.107000);
  }

  50% { 
    -webkit-transform: matrix(1.006280, 0.000000, 0.000000, 1.006280, 410.652000, 115.107000);
  }

  55% { 
    -webkit-transform: matrix(0.999830, 0.000000, 0.000000, 0.999830, 410.652000, 115.107000);
  }

  60% { 
    -webkit-transform: matrix(0.997021, 0.000000, 0.000000, 0.997021, 410.652000, 115.107000);
  }

  65% { 
    -webkit-transform: matrix(0.999934, 0.000000, 0.000000, 0.999934, 410.652000, 115.107000);
  }

  70% { 
    -webkit-transform: matrix(1.001406, 0.000000, 0.000000, 1.001406, 410.652000, 115.107000);
  }

  75% { 
    -webkit-transform: matrix(1.000100, 0.000000, 0.000000, 1.000100, 410.652000, 115.107000);
  }

  80% { 
    -webkit-transform: matrix(0.999340, 0.000000, 0.000000, 0.999340, 410.652000, 115.107000);
  }

  85% { 
    -webkit-transform: matrix(0.999920, 0.000000, 0.000000, 0.999920, 410.652000, 115.107000);
  }

  90% { 
    -webkit-transform: matrix(1.000309, 0.000000, 0.000000, 1.000309, 410.652000, 115.107000);
  }

  95% { 
    -webkit-transform: matrix(1.000053, 0.000000, 0.000000, 1.000053, 410.652000, 115.107000);
  }

  100%  { 
    -webkit-transform: matrix(1.000000, 0.000000, 0.000000, 1.000000, 410.652000, 115.107000); 
  }

}
